import {Component, PropsWithChildren} from 'react'
import {View, Image} from '@tarojs/components'
import {AtButton} from 'taro-ui'
import Taro from "@tarojs/taro";
import "taro-ui/dist/style/components/button.scss" // 按需引入
import backgroudImage from '../../static/backgroundImage.jpg'
import './index.scss'
import GlobalFooter from "../../components/GlobalFooter";

const toAnswer:()=>void = () => {
  Taro.redirectTo({
    url: '/pages/answer/index',
  })
}

export default class Index extends Component<PropsWithChildren> {




  render() {
    return (
      <View className='index'>
        <View className='at-article__h1 title'>
          MBTI性格测试
        </View>
        <View className='at-article__h2 describe'>
          只需2分钟，就能非常准确地描述出你是谁，以及你的性格特点
        </View>
        <AtButton type='secondary' className='entryButton' size="normal" circle onClick={toAnswer}>开始测试</AtButton>
        <Image src={backgroudImage} style={{width: "100%"}} mode="aspectFill" />
        <GlobalFooter></GlobalFooter>
      </View>
    )
  }
}
